<template>
  <div class="App">
    <h1>项目实战code1</h1>
   <ul>
    <li v-for="(item,index) in arr" :key="index">{{item}}</li>
   </ul>
    <button @click="btnFn">走一走</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
       arr:['美女','帅哥','程序员']
    }
  },
  methods: {
    btnFn(){
     const newArr = this.arr.shift(this.arr[0])
      this.arr.push(newArr)
    }
  }
}
</script>


<style scoped>

</style>
